<%@taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core"%>
<%@taglib uri="http://www.springframework.org/tags/form" prefix="form"%>
<html>
	<header>
	    <title>verSangucheto</title>
		<script src="<c:url value="resources/jquery-1.11.1/jquery-1.11.1.js" />"></script>
		<script src="<c:url value="resources/js/default.js" />"></script>	    
		<link rel="stylesheet" href="<c:url value="resources/css/default.css"/>"></link>
	</header>
	<body>
	  <form:form action="agregarIngrediente"
	             role="form"
	             method="GET"
                modelAttribute="verSanguchetoFormMO">	
	    	
	    <div id="agregarIngredientes">
	    	agregar ingredientes

            <br/>
            <br/>
            <div id="cheksIngredientes">
	            	<c:forEach var="ingrediente" items="${ingredientesStock}" >
	                	<c:if test="${ingrediente.tipo == 'INGREDIENTE'}">
  								<form:checkbox  path="ingrediente.nombre" 
  								                label="${ingrediente.nombre}" 
                                                value="${ingrediente.nombre}" />
                                <form:hidden path="ingrediente.precio" value="${ingrediente.precio}"/>
                                <form:hidden path="ingrediente.tipo" value="${ingrediente.tipo}"/>
	                			<input type="submit" name="boton" value="agregar"  />
	                			<input type="submit" name="boton" value="elimiar"  />
	                			<br>    	                		
	                	</c:if>	                								  				
			    	</c:forEach>			    	    		
            </div>
	    </div> 	    
	    <div id="agregarCondimentos">
	    	agregar condimentos
	    	
	    	<br/>
            <br/>
            <div id="cheksIngredientes">
	            <c:forEach var="ingrediente" items="${ingredientesStock}" >
	                <c:if test="${ingrediente.tipo == 'CONDIMENTO'}">
  								<form:checkbox  path="ingrediente.nombre" 
  								                label="${ingrediente.nombre}" 
                                                value="${ingrediente.nombre}" />
                                <form:hidden path="ingrediente.precio" value="${ingrediente.precio}"/>
                                <form:hidden path="ingrediente.tipo" value="${ingrediente.tipo}"/>
	                			<input type="submit" name="boton" value="agregar"  />
	                			<input type="submit" name="boton" value="elimiar"  />
	                			<br>    	                		

	                </c:if>							  				
			    </c:forEach>
            </div>
	    </div>
	    
	    <div id="precio">
	    	$<span>${calculoPrecio}</span>
	    </div>
	    
	    <div id="divBotonConfirmar">
	    	<input type="submit" name="boton" value="confirmar" />
	    </div>
	    
	    
	</body>
  </form:form>	
</html>